问题
有朋友问, 微信小程序require ('base64.js')文件时,会失败,,,
分析
事实上,微信小程序require很多JS模块都有不兼容现象。。。先从base64.js这个模块入手吧。
调试出错点:
(function(global) {
'use strict';
// existing version for noConflict()
var _Base64 = global.Base64; // 这句出错了...变量global的值是传入的this指针值,this指针为空了.
var version = "2.1.9";
// if node.js, we use Buffer
var buffer;
调试了一下,主要现象
base64.js 代码里面假定了this指定非空。微信小程序require调入进来后,this指针为空,就会抛出异常。
对于微信小程序模块化的机制与require,,参见本人写的另一篇文字:关于微信小程序require机制的浅析
处理
知道这个修改就较容易了:
两处改动:
一 避免global为空指针
代码头部几行
(function(global) {
'use strict';
// existing version for noConflict()
var _Base64 = global.Base64;
var version = "2.1.9";
添加两行改为
(function(global) {
'use strict';
// existing version for noConflict()
var _Base64 = global.Base64;
var version = "2.1.9";
if (!global)
global = {}
二 添加module.exports
文件尾部几行
}
// that's it!
if (global['Meteor']) {
Base64 = global.Base64; // for normal export in Meteor.js
}
})(this);
添加一行
}
// that's it!
if (global['Meteor']) {
Base64 = global.Base64; // for normal export in Meteor.js
}
module.exports = global.Base64;
})(this);
然后在微信小程序里面调用测试:
var base64 = require("../../utils/base64.js");
...
var srcstr = '不要问我从哪里来';
var base64str = base64.encode(srcstr);
console.log(base64str);
输出: 5LiN6KaB6Zeu5oiR5LuO5ZOq6YeM5p2l
总结
类似兼容性处理方案:
1,因为目前微信小程序require机制,,并不容易自定义一个require函数去代替(内存中模块列表对象在闭包之中,不易访问),所以通常做法是修改被加载的js模块。
2,被微信小程序require初始化时,this指针为空,处理避开这类访问。
3,js模块中,尽可能按module.exports = ... 方式导出对象.
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。